.center {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;

    :global {

        // 车险保费模块样式
        .car-riskMoney {
            flex: 1;
            padding: 5px;

            .module-center {

                // background-color: rgba(243, 243, 243, 0.062);
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;

                .module-title {
                    height: 40px;
                    padding: 5px;

                    .name {
                        .text {
                            color: aqua;
                            font-weight: 600;
                        }
                    }
                }


                .echart {
                    width: 100%;
                    padding: 5px;


                    .echart-content {
                        position: relative;
                        height: 140px;
                        width: 100%;
                        display: flex;
                        justify-content: center;
                        align-items: center;

                        // 转圈的圆
                        .circle-box {
                            position: absolute;
                            bottom: 0;
                            width: 140px;
                            height: 140px;
                            border-radius: 50%;

                            .circle {
                                width: 100%;
                                height: 100%;
                                border-radius: 50%;

                                .image {
                                    width: 100%;
                                    height: 100%;
                                }

                            }
                        }



                        // 文字
                        .text-detail {
                            position: absolute;
                            bottom: 0;
                            width: 140px;
                            height: 140px;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            flex-direction: column;

                            .import-text {
                                font-weight: 600;
                                color: aqua;
                                text-align: center;

                            }

                            .other-text {}
                        }
                    }

                }

                .target-box {
                    width: 100%;
                    padding: 5px;

                    .target-box-center {
                        width: 100%;

                        .word {
                            display: flex;
                            justify-content: space-between;
                            padding: 2px 0;
                        }

                        .chart {
                            width: 100%;
                            height: 4px;
                            position: relative;

                            .target-progress {
                                position: absolute;
                                left: 0;
                                width: 100%;
                                height: 100%;
                                background-color: rgba(172, 172, 172, 0.713);
                                cursor: pointer;

                                &:hover {
                                    box-shadow: 0 0 13px rgba(252, 252, 252, 0.713);
                                }
                            }

                            .actual-progress {
                                position: absolute;
                                left: 0;
                                height: 100%;
                                width: 70%;
                                background-color: aqua;
                                cursor: pointer;

                                &:hover {
                                    box-shadow: 0 0 13px rgba(252, 252, 252, 0.713);
                                }
                            }
                        }
                    }
                }

                .content {
                    width: 100%;
                    // height: 150px;

                    .content-center {

                        .content-border {
                            padding: 5px;
                            width: 100%;
                            // background-color: rgba(0, 109, 225, 0.092);
                            display: flex;


                            .content-item {
                                width: 50%;
                                padding: 5px;

                                .icon {
                                    display: inline-block;
                                    width: 20px;
                                    height: 20px;
                                    background-color: rgb(10, 223, 235);
                                    line-height: 20px;
                                    text-align: center;
                                    cursor: pointer;

                                }

                                .text {
                                    display: inline-block;
                                    height: 20px;
                                    line-height: 20px;
                                    text-align: center;
                                }
                            }

                            .content-item:nth-child(1) {
                                .icon {
                                    background-color: rgb(10, 223, 235);
                                }
                            }

                            .content-item:nth-child(2) {
                                .icon {
                                    background-color: rgb(14, 134, 174);
                                }
                            }

                            .content-item:nth-child(3) {
                                .icon {
                                    background-color: rgb(23, 201, 136);
                                }
                            }
                        }
                    }
                }
            }


        }

    }
}